<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/libui.js"></script>
<script src="./js/main.js"></script>
<script src="./js/system.js"></script>
<script src="./js/login.js"></script>
<link href="./img/logo.png" rel="icon" />
<meta name="description" content="Hacker Killer - 在线渗透测试与信安平台：在线信息安全渗透与装逼">
<meta name="keywords" content="Linux,信息安全,装逼,渗透测试">
<title>联云AI项目服务 - 指挥AI描述需求不需要写代码即可完成自己的网站开发</title>
<style>
  body {
    font-family: 'Arial', sans-serif;
    background-color: #ffffff;
    color: #fff;
    margin: 0px;
  }

  * {
    font-weight: bold;
    text-shadow: 0px 0px 0px black;
  }

  .header {
    background: url('header-background.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
  }

  .header h1 {
    font-size: 3em;
    margin-bottom: 0;
  }

  .header p {
    font-size: 1.5em;
    margin-top: 10px;
  }

  .navbar {
    background-color: #f7f7f7;
    overflow: hidden;
    height: 100px;
    box-shadow: 0px 0px 3px black;
  }

  .navbar a {
    float: left;
    display: block;
    color: black;
    font-weight: 300;
    height: 30px;
    text-align: center;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  .navbar a:hover {
    background-color:rgb(93, 190, 255);
    color: white;
  }

  .main-content {
    padding: 20px;
  }

  .footer {
    background-color: #f7f7f7;
    color: #f7f7f7;
    text-align: center;
    padding: 10px;
  }

  /* 动画效果 */
  .animated {
    animation-duration: 2s;
    animation-fill-mode: both;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .fadeIn {
    animation-name: fadeIn;
  }
  .main-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 居中子元素 */
}

.main-content .div-button {
  display: inline-block;
  width: 300px;
  height: 200px;
  margin: 10px;
  padding: 20px;
  background-color: #f7f7f725;
  text-align: center;
  border: none;
  backdrop-filter: blur(10px);
  color: #f7f7f7;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.486); /* 可选，添加阴影 */
  transition: transform 0.3s ease; /* 可选，添加鼠标悬停效果 */
}

.main-content .div-button:hover {
  transform: translateY(-5px); /* 可选，鼠标悬停时向上移动 */
}
.icon {
  width: 70px;
  height: 70px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
  border: none;
}

.bg {
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./img/bg.jpg);
    top: 0;
    bottom: 0;
}
</style>
<script src="./js/libui.js"></script>
</head>
<body style="overflow-x: hidden;">
    <script>
        function to_system_window() {
          window.location.href='./create.html'
        }
        function to_system() {
            login_ok(to_system_window , showAlert);
        }
    </script>
<div class="bg"></div>
<div style="position: absolute;top: 0;bottom: 0;width: 100%;overflow-y: scroll;overflow-x: hidden;background-color: #00000036;">
  <div class="navbar" style="background-color: #f7f7f7;">
    <img src="./img/logo.png" style="width: 50px;height: 50px;left: 0px;" />
    <div style="position: absolute;left: 60px;top: 0px;" id="top">
      <a href="">首页</a>
      <a onclick="to_system()">管理项目</a>
      <a id="login" onclick="window.location.href='./login.html'">登录/注册</a>
    </div>
  </div>  
  <div class="header fadeIn">
        <h1 style="text-shadow: 0px 0px 10px black;color: rgb(93, 190, 255);">
            <img class="icon" style="background-image: url(./img/logo.png);" />
            联云AI项目服务</h1>
        <a style="text-shadow: 0px 0px 10px black;color: rgb(255, 255, 255);">不需要写代码，指挥AI帮你完成网站的开发</a>
      </div>
      <div align="center">
        <div id="t" style="max-width: 500px;height: 100px;"></div>
      </div>
      <div class="main-content" align="center">
        <!-- 主要内容 -->
        <br /><br />
        <div align="center" class="div-button" onclick="window.location.href='./create_project.html'">
          <h3>创建AI项目(免费)</h3>
          <p>利用国产ChatGLM人工智能<br />帮你生成项目，你只需要描述需求</p>
        </div>
        <div align="center" class="div-button" onclick="window.location.href='./attack_tools.html'">
            <h3>基础学习</h3>
            <p>学习一些基础的操作方法，<Br />更好的操作AI项目</p>
          </div>
          <div align="center" class="div-button" onclick="window.location.href='./img/5602d880826fda0d7c93529b79dc3ec8.jpg'">
            <h3>捐助</h3>
            <p>捐助我们团队，因为做一个这么<br />的产品并不容易，谢谢</p>
          </div>
          <div align="center" class="div-button" onclick="window.location.href='./Web_Terminal'">
            <h3>部署服务</h3>
            <p>联云AI项目服务提供部署服务，<br />省心</p>
          </div>
        <br />
        <br />
        <br />
        <br />
        <!--
                  <div style="margin-top: 20px;width: 100%;border-radius: 15px;" class="footer" >
          <p>&copy; 2023 Hacker Killer. All rights reserved.</p>
        </div>
        -->
        
      </div>
</div>
</body>
</html>